<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>前端作业练习</title>
	<meta name="author" content="Alvaro Trigo Lopez" />
	<meta name="description" content="fullPage plugin by Alvaro Trigo. Pure javascript version of full screen slider." />
	<meta name="keywords"  content="fullpage,jquery,alvaro,trigo,plugin,fullscren,screen,full,iphone5,apple,pure,javascript,slider,hijacking" />
	<meta name="Resource-type" content="Document" />


	<link rel="stylesheet" type="text/css" href="javascript.fullPage.css" />

	<style>
		/* Reset CSS
		 * --------------------------------------- */
		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
		form,fieldset,input,textarea,p,blockquote,th,td {
		    padding: 0;
		    margin: 0;
		}
		a{
			text-decoration:none;
		}
		table {
		    border-spacing: 0;
		}
		fieldset,img {
		    border: 0;
		}
		address,caption,cite,code,dfn,em,strong,th,var {
		    font-weight: normal;
		    font-style: normal;
		}
		strong{
			font-weight: bold;
		}
		ol,ul {
		    list-style: none;
		    margin:0;
		    padding:0;
		}
		caption,th {
		    text-align: left;

		}
		h1,h2,h3,h4,h5,h6 {
		    font-weight: normal;
		    font-size: 100%;
		    margin:0;
		    padding:0;
		    color:#333;
		}
		q:before,q:after {
		    content:'';
		}
		abbr,acronym { border: 0;
		}


		/* Custom CSS
		 * --------------------------------------- */
		body{
			font-family: arial,helvetica;
			color: #F2F2F2;
		}
		h1{
			font-size: 6em;
		}
		p{
			font-size: 2em;
		}
		.content{
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			text-align: center;
		}

		/* Section 1
		 * --------------------------------------- */
		#section0{
		margin: 0; 
		background-image: url('http://dkla.gitee.io/third_assignments/images/4.jpg'); 
		background-repeat:no-repeat;  
        background-position:0% 0%;  
        background-size:cover;  
        background-color: #22C3AA; 
			
		}
		#section0 h1{
			color: black;
		}
		#section0 p{
			color: #333;
			opacity: 0.4;
		}


		/* Section 2
		 * --------------------------------------- */
		#section1{
			margin: 0; 
		background-image: url('http://dkla.gitee.io/third_assignments/images/2.jpg'); 
		background-repeat:no-repeat;  
        background-position:0% 0%;  
        background-size:cover;  
        background-color: #22C3AA; 
			
		}
		#section1 h1{
			color:blue
		}
		#section1 p{
			opacity: 0.8;
		}


		/* Section 3
		 * --------------------------------------- */
		#section2{
			
			
		}
		#section2 h1{
			color:violet;
		}
		#section2 p{
			opacity: 0.6;
		}
	</style>
</head>
<body>
	<div id="Layer1" style="position:absolute; width:100%; height:100%; background-color: #22C3AA; z-index:-1" >      
<img src="http://dkla.gitee.io/third_assignments/images/4.jpg" height="100%" width="100%"/>      
</div>


<div id="fullpage">
	<div class="section " id="section0">
		<div class="content">
			<h1>前端作业</h1>
			<p>作业</p>
		</div>
	</div>
	<div class="section" id="section1">
		<div class="slide" id="slide1">
			<div class="content">
				<h1>作业</h1>
				<p>
					点击右边三角标查看
				</p>
				<p>
		      		2
				</p>
			</div>
		</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1> <li><a href="http://dkla.gitee.io/second_assignments" target="showframe">第一次作业</a></li>
				</h1>
				<p>
					点击查看
				</p>
			</div>
		</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1><li><a href="http://dkla.gitee.io/cool/" target="showframe">第二次作业</a></li></h1>
			</div>
		</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1><li><a href="http://dkla.gitee.io/first_assignment/" target="showframe">第三次作业</a></li></h1>
			</div>
		</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1><li><a href="http://dkla.gitee.io/third_assignments\css\css.html" target="showframe">第四次作业</a></li></h1>
			</div>
		</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1><li><a href="http://dkla.gitee.io/third_assignments\css2\css1.html" target="showframe">第五次作业</a></li></h1>
			</div>
		</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1><li><a href="http://dkla.gitee.io/third_assignments\6\06.html" target="showframe">第六次作业</a></li></h1>
			</div>
		</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1><li><a href="http://dkla.gitee.io/third_assignments\7\clear.html" target="showframe">第七次作业</a></li></h1>
			</div>
		</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1><li><a href="http://dkla.gitee.io/third_assignments\08\index.html" target="showframe">第八次作业</a></li></h1>
			</div>
		</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1><li><a href="http://dkla.gitee.io/third_assignments\9\index.html" target="showframe">第九次作业</a></li></h1>
			</div>
		</div><div class="slide" id="slide2">
			<div class="content">
				<h1><li><a href="http://dkla.gitee.io/third_assignments\10\10.html" target="showframe">第10次作业</a></li></h1>
			</div>
		</div><div class="slide" id="slide2">
			<div class="content">
				<h1> <li><a href="http://dkla.gitee.io/third_assignments\11\index.html" target="showframe">第11次作业</a></li></h1>
			</div>
		</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1> <li><a href="http://dkla.gitee.io/third_assignments\12\filter.html" target="showframe">期中作业 第12次作业</a></li></h1>
			</div>
			</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1> <li><a href="http://dkla.gitee.io/third_assignments\13\index.html" target="showframe">第13次作业</a></li></h1>
			</div>
			</div>
		<div class="slide" id="slide2">
			<div class="content">
				<h1>期末</h1>
			</div>
		</div>
	</div>
	<div class="section" id="section2">
		<div class="content">
			<h1>谢谢观看</h1>
			<p>410</p>
		</div>
	</div>
</div>

<script type="text/javascript" src="javascript.fullPage.js"></script>
<script type="text/javascript">
	fullpage.initialize('#fullpage', {
		anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
		menu: '#menu',
		css3:true
	});

</script>

</body>
</html>
